<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<% response.setContentType("text/html; charset=UTF-8"); 
	request.setCharacterEncoding("UTF-8");%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="resources/jquery.tools.min.js"></script>
<style type="text/css">
.bkground {
	background: url("resources/img/login/login_background.jpg");
	top:100px;
	left:0px;
	width: 1024px;
	height: 568px;
	z-index:1;
	
	opacity: 0.2;
	filter: alpha(opacity = 20);
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	position: fixed;
}

#op_login {
	z-index:10;
	background-color: blue;
	background: url("resources/img/login/op_login.png");
	
	top: 440px;
	left: 192px;
	width: 128px;
	height: 128px;
	position: fixed;
}

#guest_login {
	z-index:10;
	background: red;
	background: url("resources/img/login/guest_login.png");
	
	top: 440px;
	left: 704px;
	width: 128px;
	height: 128px;
	position: fixed;
}

.login_label {
	margin-top: 128px;
	font:bold;
	font-size: 15px;
	text-align: center;
}
</style>
<title>Login</title>
</head>

<body>
	<jsp:include page="header.inc.jsp"></jsp:include>
	<div class="bkground">
	</div>
	<div id="op_login" rel="#loginOverlay"><div class="login_label"><c:out value="${ labelBean.operoterLoginLabel }" /></div></div>
	<div id="guest_login"><div class="login_label"><c:out value="${ labelBean.guestLoginLabel }" /></div></div>
	<jsp:include page="footer.inc.jsp"></jsp:include>
	<jsp:include page="loginOverlay.inc.jsp"></jsp:include>
	<form action="home" id="guest_form">
	</form>
	<script type="text/javascript">
	$(function(){
		$("div[rel]").overlay({
			mask : "#000",
			effect : 'apple'
		});
		$("#guest_login").click(function(){
			$.post("guestLogin", {
			}, function(data){
				if(data.succeed){
					$("#guest_form").submit();
				}
			}, "json");
		});
	});
	</script>
</body>
</html>